<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<!--移动端的兼容-->
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>银行卡</title>
		<link rel="stylesheet" type="text/css" href="../common_css/common.css" />
		<link rel="stylesheet" type="text/css" href="../font/iconfont.css" />
		<!--<link rel="stylesheet" type="text/css" href="css/bankcard.css" />-->
		<script src="../common_js/common_font.js"></script>
		
		<style type="text/css">
			#account_statistic_main {
				width: 100%;
				min-width: 3.2rem;
				height: 100%;
				background-color: #F7F7F7;
				overflow: auto;
			}
			
			#account_statistic_header {
				width: 100%;
				height: 0.5rem;
				background-color: #21538D;
				text-align: center;
				line-height: 0.5rem;
				color: white;
				font-size: .18rem;
				position: fixed;
				top: 0;
				
			}
			
			#account_statistic_header span {
				float: left;
				margin-left: 0.05rem;
				font-size: .25rem;
			}
			
			#account_statistic_header font {
				margin-left: -0.25rem;
			}
			
			#account_statistic_body {
				width: 100%;
				background-color: #F7F7F7;
				/*border: 1rem solid red;*/
				margin-top: 0.6rem;
			}
			/*银行卡的内容*/
			
			.bankcard_content {
				width: 100%;
				height: 0.7rem;
				/*border: 1rem solid red;*/
				background-color: white;
			}
			/*银行标致*/
			
			.bankcard_content_left {
				width: 0.5rem;
				height: 0.7rem;
				/*border: 1rem solid;*/
				float: left;
				line-height: 0.7rem;
				padding-left: 0.1rem;
				position: relative;
			}
			
			.bankcard_content_left img {
				width:.28rem;
				height:.28rem;
				position: absolute;
				top:.2rem;
			}
			/*删除*/
			
			.bankcard_content_right {
				width: .3rem;
				height: .7rem;
				line-height: .7rem;
				/*border: 1rem solid;*/
				float: right;
				position: relative;
			}
			
			.bankcard_content_right img {
				width: .2rem;
				height: .2rem;
				position: absolute;
				top:.25rem;
			}
			/*银行卡信息*/
			
			.bankcard_content_center {
				float: left;
				margin-left: .1rem;
			}
			/*银行名*/
			
			.somebank {
				font-size: .16rem;
				margin: .15rem 0rem 0rem 0rem;
			}
			/*卡号*/
			
			.banknum {
				margin: .09rem 0rem 0rem 0rem;
				font-family: "PingFangSC-Regular";
				font-size: .12rem;
				color: rgba(107, 107, 107, 0.40);
				letter-spacing: 0.57px;
			}
		</style>
	</head>

	<body>
		<!------总div------->
		<div id="account_statistic_main">
			<!------头部------->
			<div id="account_statistic_header">
				<span class="iconfont icon-back icon_fanhui"></span>
				<font>银行卡</font>
			</div>
			<!----身体------->
			<div id="account_statistic_body">
				<!--/*银行卡信息*/-->
				<div class="bankcard_content">
					<!--/*银行标致*/-->
					<div class="bankcard_content_left">
						<img src="../commonimg/bank_for_jian_she.png" />
					</div>
					<!--/*银行卡的信息*/-->
					<div class="bankcard_content_center">
						<p class="somebank">中国建设银行</p>
						<p class="banknum">622848002800285469</p>
					</div>
					<!--删除-->
					<div class="bankcard_content_right">
						<img src="img/passkey.png" />
					</div>
				</div>
			</div>
		</div>
		<script src="../common_js/jquery-1.11.0.min.js"></script>
		<!--公共的点击预约的加号的按钮的跳转以及点击每页左上角的跳转-->
		<script src="../common_js/onclick_pop_view.js"></script>
		<script type="text/javascript">
//			点击银行卡的跳转
          $(".bankcard_content_right").on("click",function  () {
          	   location.href = "../validationmessage/validationmessage.html";
          });
		</script>
	</body>

</html>